
.login-main {background: #fff;height: 100vh;}
.login-form {width: 5.6rem;margin: 0 auto;text-align: center;padding: 1rem 0 0 0;margin-bottom: 1rem}
.login-form .red-logo {margin-bottom: .6rem;width: 3.6rem;}
.login-form .userName {display: flex;flex-direction: column;margin-bottom: .1rem;width: 100%}
.login-form .userName .userName-item {display: flex;align-items: center;}
.login-form .userName .user-img {background: #ff3433;width: .66rem;height: .66rem;border-top-left-radius: .08rem;border-bottom-left-radius: .08rem;display: flex;align-items: center;justify-content: center;}
.login-form .userName p {color: #d7000f;text-align: left;font-size: .24rem;height: .4rem;}
.login-form .userName input {width: 4.94rem;height: .66rem;border: 1px solid #ff3433;box-sizing: border-box;padding: .1rem;border-top-right-radius: .08rem;border-bottom-right-radius: .08rem;border-top-left-radius: 0;border-bottom-left-radius: 0;outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.login-form .userName img {width: .31rem;height: .33rem;}

.login-form .pass {display: flex;flex-direction: column;width: 100%}
.login-form .pass .pass-item {display: flex;align-items: center;}
.login-form .pass p {color: #d7000f;text-align: left;font-size: .24rem;height: .4rem;}
.login-form .pass .pass-img {background: #ff3433;width: .66rem;height: .66rem;border-top-left-radius: .08rem;border-bottom-left-radius: .08rem;display: flex;align-items: center;justify-content: center;}
.login-form .pass input {width: 4.94rem;height: .66rem;border: 1px solid #ff3433;box-sizing: border-box;padding: .1rem;border-top-right-radius: .08rem;border-bottom-right-radius: .08rem;border-top-left-radius: 0;border-bottom-left-radius: 0;outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.login-form .pass img {width: .31rem;height: .33rem;}

.login-form .forget-pass {display: flex;align-items: center;justify-content: space-between;margin-bottom: .5rem;font-size: .28rem}
.login-form .forget-pass span {display: flex;align-items: center;;justify-content: center;color: #494949;}
.login-form .forget-pass input {display: flex;align-items: center;justify-content: center;margin-right: .1rem}
.login-form .forget-pass a {color: #474bff;}

.login-form .but-sub button{background: #ff3433;width: 100%;height: .70rem;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: .1rem;border: 0;font-size: .34rem}

.third-party {border: 1px solid #e5e5e5;color: #d4d4d4;display: flex;align-items: center;justify-content: center;position: relative;}
.third-party span {position: absolute;z-index: 5;background: #fff;font-size: .36rem;padding: 0 .4rem;font-weight: 500}

.login-way {padding: .8rem .6rem 0 .6rem;}
.login-way ul{display: flex;align-items: center;justify-content: space-around;}
.login-way ul li {display: flex;align-items: center;flex-direction: column;}
.login-way ul li .iocn-qq {width: .64rem;height: .64rem;}
.login-way ul li .icon-wechat {width: .64rem;height: .64rem;}
.login-way ul li .iocn-webo {width: .64rem;height: .64rem;}
.login-way ul li span {font-size: .32rem;}

input[type='checkbox']{width: 15px;height: 15px;border-radius: 100%;-webkit-appearance:none;border: .03rem solid #fe4b49;}
.checkbox input[type=checkbox]:checked{background: url("../image/circle.png")no-repeat center;background-size: 14px 14px}
input:focus {outline:none;}